﻿<BSDataCarousel Items="items" Context="item" HasControls="true" HasIndicators="true">
    <ItemTemplate>
        <BSCarouselItem src="@item.Source" alt="@item.Alt" ActionLink="@item.ActionLink" ActionLinkTarget="@item.ActionLinkTarget" />
    </ItemTemplate>
</BSDataCarousel>

@code {
    int i = 0;
    IList<Item>
    items = new List<Item>
        {
            new Item {
                Source = "...First Slide",
                Alt ="First Slide",
                Caption = "Slide 1",
                Header = "Slide 1 Header",
                ActionLink = "https://chanan.github.io/BlazorStrap/",
                ActionLinkTarget = "_blank"
            },
            new Item {
                Source = "...Second Slide",
                Alt ="Second Slide",
                Caption = "Slide 2",
                Header = "Slide 2 Header",
                ActionLink = "https://chanan.github.io/BlazorStrap/",
                ActionLinkTarget = "_blank"
            },
            new Item {
                Source = "...Third Slide",
                Alt ="Third Slide",
                Caption = "Slide 3",
                Header = "Slide 3 Header",
                ActionLink = "https://chanan.github.io/BlazorStrap/",
                ActionLinkTarget = "_blank"
            }
        };

        class Item
        {
            public string Source { get; set; }
            public string Alt { get; set; }
            public string Caption { get; set; }
            public string Header { get; set; }
            public string ActionLink { get; set; }
            public string ActionLinkTarget { get; set; }
        }
  }
